<template>
  <el-card class="dashboard-container">
    <h3>供应商工作台</h3>
    <el-row :gutter="20">
      <el-col :span="8">
        <el-statistic title="在售商品" :value="productCount" />
      </el-col>
      <el-col :span="8">
        <el-statistic title="待处理订单" :value="pendingOrders" />
      </el-col>
      <el-col :span="8">
        <el-statistic title="本月销售额(元)" :value="monthlySales" />
      </el-col>
    </el-row>
  </el-card>
</template>

<script setup>
import { ref } from 'vue'

const productCount = ref(15)
const pendingOrders = ref(3)
const monthlySales = ref(45800)
</script>

<style scoped>
.dashboard-container {
  padding: 20px;
  margin: 20px;
}
</style>